<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <script src="js/jquery-3.7.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#checkButton").click(function () {
                // $.ajax({
                //     url: "/Ajax/userCheckServlet2",
                //     type: "GET",
                //     data: {
                //         username: $("#username").val(),
                //         date: new Date()
                //     },
                //     error: function () {
                //         console.log("Error!!!");
                //     },
                //     success: function (response,status,xhr) {
                //         if (response.name == null) {
                //             $("#warn").text("");
                //         } else {
                //             $("#warn").text("用户已存在");
                //         }
                //     },
                //     dataType: "json"
                // })
                // $.get(
                //     "/Ajax/userCheckServlet2",
                //     {
                //         username: $("#username").val(),
                //         date: new Date()
                //     },
                //     function (response, status, xhr) {
                //         if (response.name == null) {
                //             $("#warn").text("");
                //         } else {
                //             $("#warn").text("用户已存在");
                //         }
                //     },
                //     "json"
                // )
                // $.post(
                //     "/Ajax/userCheckServlet2",
                //     {
                //         username: $("#username").val(),
                //         date: new Date()
                //     },
                //     function (response, status, xhr) {
                //         if (response.name == null) {
                //             $("#warn").text("");
                //         } else {
                //             $("#warn").text("用户已存在");
                //         }
                //     },
                //     "json"
                // )
                $.getJSON(
                    "/Ajax/userCheckServlet2",
                    {
                        username: $("#username").val(),
                        date: new Date()
                    },
                    function (response, status, xhr) {
                        if (response.name == null) {
                            $("#warn").text("");
                        } else {
                            $("#warn").text("用户已存在");
                        }
                    },
                )
            })

        })
    </script>
</head>
<body>
<h1>注册用户</h1>
<form>
    用户名字: <input type="text" id="username" name="username">
    <input type="button" id="checkButton" value="验证用户名">
    <label id="warn"></label><br/><br/>
    用户密码: <input type="password" id="password" name="password"><br/><br/>
    用户邮箱: <input type="email" id="email" name="email"><br/><br/>
    <input type="submit" value="注册">
</form>
</body>
</html>